import React, { Component } from 'react'
import qs from 'qs'
// const obj={name:'tom',age:19}
// qs.parse() 可以把  id=03&title=消息3 变成{id: '03', title: '消息3'}
// qs.stringify() 可以把 {id: '03', title: '消息3'} 变成 id=03&title=消息3
// const result=qs.stringify(obj)
// console.log(result)

const DetailData=[
    {id:'01',content:'你好，中国'},
	  {id:'02',content:'你好，尚硅谷'},
	  {id:'03',content:'你好，未来的自己'}
]
export default class Detail extends Component {
  render() {

    //  接收params 参数 
    // const {id,title}=this.props.match.params
    // const findResult=DetailData.find((detailObj)=>{
    //     return detailObj.id===id
    // })
  // 接受 search  参数
    // console.log(this.props.location.search.slice(1))
   const {id,title}= qs.parse(this.props.location.search.slice(1))

   const findResult=DetailData.find((detail)=>{
      return detail.id===id
   })
   
    return (
      <ul>
        <li>id:{id}</li>
        <li>title:{title}</li>
        <li>content:{findResult.content}</li>
      </ul>
    )
  }
}
